<template>
  <div class="container">
    <build-el-h1 name="大赛进度标题.png"></build-el-h1>
    <div class="flex-row jindu j-c" v-margin-top="'5px'">
      <div class="fwb info" v-html="details.contestSchedule"></div>
      <!-- <div v-for="(item,index) in progress.data" :key="index+item.name" class="flex-row">
                <build-el-hexagon :name="item.name" :date="item.date"></build-el-hexagon>
                <div class="line-row" v-if="index!=progress.data.length-1&&index!=2"></div>
      </div>-->
    </div>
  </div>
</template>
<script>
import buildElH1 from '../build-el-h1'
import buildElHexagon from '../build-el-hexagon'
import JSONData from '@/assets/JSON'
export default {
  components: {
    buildElH1,
    buildElHexagon,
  },
  props: {
    details: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      ...JSONData,
    }
  },
}
</script>
<style lang="less" scoped>
.container {
  .info {
    width: 100%;
    opacity: 0.9;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
  }
  .line-row {
    width: 20px;
    margin: 0 10px;
    background: #f03a0a;
  }
}
.jindu {
  flex-wrap: wrap;
}
</style>